﻿@model IEnumerable<MvcShopping.Models.OrderHeader>
@{
    ViewBag.Title = "Useroder";
}
@{Layout = null;}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>@ViewBag.Title</title>
    @*@Styles.Render("~/Content/css")*@
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/search-form.css" rel="stylesheet" />
    <link href="~/Content/homeLayout.css" rel="stylesheet" />
    <link href="~/Content/personal/ms-style.min.css" rel="stylesheet" />
    <link href="~/Content/personal/mui.min.css" rel="stylesheet" />
    <link href="~/Content/personal/sui.css" rel="stylesheet" />
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jquery-ui")
    @*@Scripts.Render("~/bundles/jquery-unobtrusive-ajax")*@
    <script src="~/Scripts/bootstrap.js"></script>
    <script src="~/Scripts/PCASClass.js"></script>
    <style>
        #dropmenu li, #dropmenu li a {
            display: inline-block;
            width: 150px;
            height: 40px;
            line-height: 40px;
        }

        .cont-side {
            top: 100px;
            left: 30px;
        }
    </style>
</head>
<body>
    @*导航栏*@
    <nav id="navbar-example" class="navbar navbar-inverse navbar-static" style="margin-bottom:0;" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button class="navbar-toggle" type="button" data-toggle="collapse"
                        data-target=".bs-js-navbar-scrollspy">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @*<a href="@Url.Content("~")"><img alt="logo" src="~/images/other/GSHOP.jpg" /></a>*@
                <a class="navbar-brand col-xs-offset-1" href="#" style="margin-left:0;padding-left:60px;">欢迎来到Thirteen Shop</a>

            </div>
            <div class="collapse navbar-collapse bs-js-navbar-scrollspy">
                <ul class="nav navbar-nav col-md-5">

                    @if (!User.Identity.IsAuthenticated)
                    {

                        <li>
                            <a href="~/Member/Login">请您登陆</a>
                        </li>
                        <li>
                            <a href="~/Member/Register">欢迎注册</a>
                        </li>
                    }
                    else
                    {

                        <li>
                            <a href="~/Member/Logout">注销</a>
                        </li>
                    }
                </ul>
                <div class="col-md-1"></div>
                <ul class="nav navbar-nav col-md-4" id="leftBar">
                    <li>
                        <span class="glyphicon glyphicon-home"></span>
                        <a href="~/Home/Index">首页</a>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-shopping-cart"></span>

                        <a href="~/Cart/Index">购物车</a>
                    </li>
                    @*<li><span class="glyphicon glyphicon-user"></span> @Html.ActionLink("个人中心", "UserDetail", "Member")</li>*@
                    <li class="dropdown" id="accountmenu">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <span class="glyphicon glyphicon-user"></span> 个人中心<b class="caret"></b></a>
                        <ul class="dropdown-menu" id="dropmenu">
                            <li><a href="~/Member/Useroder">订单中心</a></li>
                            <li><a href="~/Member/Editpasswd">修改密码</a></li>
                            <li><a href="~/Member/UserDetail">查看个人信息</a></li>
                            @*<li class="divider"></li>*@
                            <li><a href="~/Member/Editaddress">修改收货地址</a></li>

                        </ul>
                    </li>

                    <li>
                        <span class="glyphicon glyphicon-asterisk"></span>

                        <a href="~/AdminRegister/Login">后台管理</a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>

    <div id="header" class="container col-md-10 col-xs-offset-1 row" style="min-height:550px;">
        <div id="top" class="col-md-3 col-xs-12">
            <a><img alt="logo" height="100" width="200" src="~/images/logo3.png" /></a>
            <div class="cont-side">
                <div class="side-neck" style="margin-top: 20px;">
                    <i></i>
                </div>
                <div class="ms-side" style="margin-top: 20px;">
                    <article class="side-menu side-menu-off">
                        <dl class="side-menu-tree" style="padding-left: 50px;">
                            @*<dt><img src="~/images/left/intocart.png" style="margin-right: 10px;margin-left: -20px;" />购物车详情</dt>
                                <dd>
                                    <a>我的购物车</a>
                                </dd>*@
                            <dt><img src="~/images/left/file.png" style="margin-right: 10px;margin-left: -20px;" />订单管理</dt>
                            <dd>
                                <a href="~/Member/Useroder">我的订单</a>
                            </dd>

                            <dt><img src="~/images/left/buyit.png" style="margin-right: 10px;margin-left: -20px;" />个人详细</dt>
                            <dd>
                                <a href="~/Member/UserDetail">个人信息</a>
                            </dd>
                            <dd>
                                <a href="~/Member/Editpasswd">修改密码</a>
                            </dd>

                            
                            <dt><img src="~/images/left/v-card-3.png" style="margin-right: 10px;margin-left: -20px;" />收货地址</dt>
                            <dd>
                                <a href="~/Member/Editaddress">修改收货地址</a>
                            </dd>

                        </dl>
                        <a ison="on" class="switch-side-menu icon-up-side"><i></i></a>
                    </article>
                </div>
            </div>

        </div>

        <div class="col-md-8 col-xs-12">
            
            <table class="table table-hover" style="margin-top:110px">
                <tr>
                    <th>
                        @Html.DisplayNameFor(model => model.Id)
                    </th>
                    <th>
                        @Html.DisplayNameFor(model => model.member)
                    </th>
                    <th>
                        @Html.DisplayNameFor(model => model.ContactName)
                    </th>
                    <th>
                        @Html.DisplayNameFor(model => model.ContractPhoneNo)
                    </th>
                    <th>
                        @Html.DisplayNameFor(model => model.ContactAddress)
                    </th>
                    <th>
                        @Html.DisplayNameFor(model => model.TotalPrice)
                    </th>
                    <th>
                        @Html.DisplayNameFor(model => model.Memo)
                    </th>


                </tr>

                @foreach (var item in Model)
            {
                    <tr>
                        <td>
                            @Html.DisplayFor(modelItem => item.Id)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.member.Name)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.ContactName)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.ContractPhoneNo)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.ContactAddress)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.TotalPrice)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.Memo)
                        </td>
                        @*<td>
                            <a href="~/Admin/AdminDetails/@item.Id">商品详情</a>
                        </td>*@
                    </tr>
                }

            </table>
            </div>

           
        </div>

    <div id="footer" class="col-md-12 text-center" style="background-color:#222222;height:100px;padding-top:25px;color:white;margin-top:20px;">
        <div>
            <p>&copy;@DateTime.Now.Year 版权归计算机与信息工程学院第十三组全体成员所有</p>
            <p>小组成员：于媛媛 刘逸冰  车巷荧 赵国霞</p>
        </div>
    </div>

    <script src="~/Scripts/jquery.cookie.js"></script>
    <script>

        //记住密码
        $(document).ready(function () {
            $("select").change(function () {
                $("#address").val($("#province6").val() + $("#city6").val() + $("#area6").val() + $("#detailAddress").val());

            });
            $("#detailAddress").change(function () {
                $("#address").val($("#province6").val() + $("#city6").val() + $("#area6").val() + $("#detailAddress").val());

            });
        });
        function searchToggle(obj, evt) {
            var container = $(obj).closest('.search-wrapper');

            if (!container.hasClass('active')) {
                container.addClass('active');
                evt.preventDefault();
            }
            else if (container.hasClass('active') && $(obj).closest('.input-holder').length == 0) {
                container.removeClass('active');
                // clear input
                container.find('.search-input').val('');
                // clear and hide result container when we press close
                container.find('.result-container').fadeOut(100, function () { $(this).empty(); });
            }
        }

        function submitFn(obj, evt) {
            //value = $(obj).find('.search-input').val().trim();

            //_html = "Yup yup! Your search text sounds like this: ";
            //if (!value.length) {
            //    _html = "Yup yup! Add some text friend :D";
            //}
            //else {
            //    _html += "<b>" + value + "</b>";
            //}

            //$(obj).find('.result-container').html('<span>' + _html + '</span>');
            //$(obj).find('.result-container').fadeIn(100);

            //evt.preventDefault();
        }
    </script>
</body>

</html>



